<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h3>数组范围</h3>
    <input type="number" min='10' max='100' step='5' name='count'>
    <h3>输入正则模式</h3>
    <input class="pattern" type="text" pattern="\d+" name="count">
    <script>
        let ele =document.getElementsByClassName("pattern")[0];
        ele.onblur=function(){
            if(ele.checkValidity()){
            console.log("pass");
        }else {
            console.log("not valid")
        }

        }


    </script>

</body>
</html>